<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hello guest</title>
<style type="text/css">
*
    {
    margin:0;
    padding:0;
    }
html,
body
    {
    margin:0;
    padding:0;
    border:0;
    width:100%;
    height:100%;
    }

body,body *
    {
    font-family : "Arial","宋体";
    font-size: 9pt;
    }

body
    {
    border:0;
    background:#f9f9f9;
    }

img
    {
    border:0;
    vertical-align:middle;
    }

table
    {
    table-layout:fixed;
    border-collapse:collapse;
    }
div
    {
    outline:0;
    }
</style>
</head>

<body>
<div id="ts" style="width:640px;height:28px;background:url(/icos/inavbg28.gif) repeat-x;overflow:hidden;">
</div>
<div style="float:left;width:640px;height:452px;background:#eee;margin:0;overflow:hidden;">
    <div id="inf" style="float:right;width:180px;height:415px;border:1px solid #999;margin:5px 5px 5px 0;">
    </div>
    <div id="tks" style="float:left;width:430px;height:240px;background:#fff;border:1px inset #ccc;padding:5px;margin:5px 5px 0;line-height:18px;overflow:auto;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;"></div>
    <div id="gto" style="float:left;width:440px;height:25px;line-height:25px;border:0;margin:0 5px;">
    </div>
    <div id="gsi" style="float:left;width:440px;height:110px;border:0;margin:0 5px;">
        <textarea id="wds" style="width:430px;height:100px;border:1px inset #ccc;padding:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;"></textarea>
    </div>
    <div id="cmds" style="float:left;width:440px;height:28px;border:0;margin:0 5px;">
        <button type="button" style="float:right;width:80px;height:28px;" onclick="gsay();">发送</button>
    </div>
    <div id="stt" style="float:left;width:630px;height:22px;line-height:22px;border-top:1px solid #999;margin:0;padding:0 5px;">
    </div>
</div>
<script type="text/javascript">
function gsay(){
    var dw=document.getElementById("wds");
    if ( dw.value=="" ) {
        dw.select();
        return false;
    }
    var dtks=document.getElementById("tks"),
        dinf=document.getElementById("inf"),
        dms=document.createElement("div");
    dms.innerHTML="我说："+ dw.value;
    dtks.appendChild(dms);
    dtks.scrollTop += "100";
    dw.value="";
    dw.select();
}
</script>
</body>
</html>